<template>
  <!-- 全职详情 -->
  <view
    class="box"
    @click=";(moreChage = false), (informationNoBubbles = false)"
    @touchstart="handleTouchStart"
    @touchmove="handleTouchMove"
    @touchend="handleTouchEnd"
  >
    <view class="dengLoadingVue" v-if="loding">
      <view class="maskVueHiddenShow">
        <view class="maskVueHiddenShowWrapper">
          <view class="loader">
            <view class="inner one"></view>
            <view class="inner two"></view>
            <view class="inner three"></view>
          </view>
          <view class="loding"> 数据加载中，请稍后... </view>
        </view>
      </view>
    </view>
    <view v-if="!loding">
      <!-- #ifdef MP-WEIXIN -->
      <view
        class="head"
        :style="
          'padding-top:' +
          statusBarHeight1 +
          'px;padding-right:' +
          (WXwidth + 15) +
          'px;height:' +
          (statusBarHeight1 + 44) +
          'px'
        "
      >
        <!-- #endif -->
        <!-- #ifndef MP-WEIXIN -->
        <view
          class="head"
          :style="
            'padding-top:' + (statusBarHeight1 + 10) + 'px;height:' + (statusBarHeight1 + 54) + 'px'
          "
        >
          <!-- #endif -->
          <!-- #ifdef APP-PLUS -->
          <view class="fanhui">
            <image
              @click="fanhui"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
              mode=""
            >
            </image>
            <span>招聘详情</span>
          </view>
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <view class="fanhui">
            <image
              v-if="beforePage != ''"
              @click="fanhui"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
              mode=""
            >
            </image>
            <image
              v-else
              @click="shouye"
              style="width: 54rpx; height: 54rpx"
              src="https://pic.bangbangtongcheng.com/fc915aba003f4504a80d16c7a8c9b348"
            ></image>
            <span>招聘详情</span>
          </view>

          <!-- #endif -->
          <view class="head_right" v-if="!index" style="display: none">
            <view class="smkk" @click="doorSeen()">
              {{ smkg_chage ? '上门看过' : '上门看看' }}
            </view>
            <!-- #ifdef APP-PLUS -->
            <image
              @click="fn"
              v-if="!type"
              class="fanx"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/zp_09.png"
              mode=""
            >
            </image>
            <!-- #endif -->
            <view class="genduo" @click.stop="moreChage = !moreChage">
              <image
                class="image"
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/zp_07.png"
                mode=""
              ></image>
              <view class="administrations" v-if="moreChage">
                <text class="items" @click="shield"> 屏蔽 </text>
                <text class="items" style="border-bottom: none" @click="jubao"> 举报 </text>
              </view>
            </view>
          </view>
        </view>
        <!-- #ifdef MP-WEIXIN -->
        <view
          :style="'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 44) + 'px'"
        ></view>
        <!-- #endif -->
        <!-- #ifndef MP-WEIXIN -->
        <view
          :style="'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 54) + 'px'"
        ></view>
        <!-- #endif -->
      </view>

      <!-- 中间内容 -->
      <view class="center" :style="isViewVisible ? 'margin-top: 75rpx;' : 'margin-top: 20rpx;'">
        <view class="center_top">
          <view class="isViewVisible" v-show="isViewVisible">
            <!-- #ifdef MP-WEIXIN -->
            <view
              :style="
                'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 44) + 'px'
              "
            >
            </view>
            <!-- #endif -->
            <!-- #ifndef MP-WEIXIN -->
            <view
              :style="
                'padding-top:' + statusBarHeight1 + 'px;height:' + (statusBarHeight1 + 54) + 'px'
              "
            >
            </view>
            <!-- #endif -->
            <view class="number">
              <view style="display: flex">
                <span @click.stop="informationNoBubbles = !informationNoBubbles"
                  >信息编号：{{ data.id }}</span
                >
                <view class="informationNoBubble" v-if="informationNoBubbles">
                  <view class="binds_1">
                    信息编号是唯一的信息身份号码，可在帮帮同城进行准确搜索查找。
                  </view>
                  <view class="binds_2"> 联系发布人时可通过信息编号确认信息。 </view>
                </view>
                <span style="margin: 0rpx 20rpx; color: #cdcdcf">|</span>
                <view class="remark">
                  <view class="status">
                    <span class="select-text" @click="selectBoxShow = !selectBoxShow">
                      <span>状态：{{ jobProgressText }}</span>
                      <img
                        :class="selectBoxShow ? 'arrow-right open' : 'arrow-right'"
                        src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-right.png"
                        alt=""
                      />
                    </span>
                    <view v-show="selectBoxShow" class="select-box">
                      <view
                        v-for="(v, i) in auditStatusOption"
                        :key="'jobProgress' + i"
                        :value="v.value"
                        :class="v.value == jobProgress ? 'checked' : ''"
                        :disabled="v.disabled"
                        @click="changeAuditStatus(v)"
                      >
                        {{ v.name }}
                        <img
                          v-if="v.value == jobProgress"
                          class="checked-icon"
                          src="https://pic.bangbangtongcheng.com/static/checked.png"
                          alt=""
                        />
                      </view>
                    </view>
                  </view>
                </view>
              </view>

              <view class="icon">
                <view @click="sc">
                  <image
                    v-if="data.whetherCollection != 0"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/byq-yixihuan.png"
                  />
                  <image
                    v-else
                    src="https://pic.bangbangtongcheng.com/static/bbcz/byq-daixihuan.png"
                  />
                </view>

                <view>
                  <image
                    @click="fn"
                    src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black-share.png"
                  >
                  </image>
                </view>

                <view class="genduoNew" @click.stop="moreChage = !moreChage">
                  <image
                    src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black-more.png"
                  >
                  </image>
                  <view class="administrations" v-if="moreChage">
                    <text class="items" @click="shield"> 屏蔽 </text>
                    <text class="items" style="border-bottom: none" @click="jubao"> 举报 </text>
                  </view>
                </view>
              </view>
            </view>
          </view>

          <!-- 备注信息 -->
          <view class="mark">
            <view class="history">
              <span style="color: #000">备注您的此信息的了解情况：</span>
              <span class="history-right">
                <span @click="goToHistory">历史记录：{{ historyCount }}条</span>
                <img
                  style="width: 28rpx; height: 28rpx"
                  src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-right.png"
                  alt=""
                />
              </span>
            </view>
            <view class="voice">
              <span class="voice-left">
                <!-- <span>语音记录</span>
						<img class="icon voice-icon" src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetailsvoice.png"
							alt=""> -->
              </span>
              <span class="voice-right" @click="saveHistory">保存</span>
            </view>
            <view class="text-record">
              <u-textarea
                v-model="recordDescription"
                count
                :maxlength="200"
                confirmType="done"
                ref="textarea"
                style="width: 100%"
                border="0"
                placeholder="文字记录：对此信息情况简单描述"
                placeholderStyle="color: #ccc; font-size: 24rpx;"
              ></u-textarea>
            </view>
            <view class="media">
              <u-upload
                :fileList="videoList"
                @afterRead="afterReadVideo"
                @delete="deletePic(0)"
                name="2"
                :maxCount="1"
                accept="video"
                uploadText="上传视频"
                previewFullImage
                class="video-upload"
                uploadIcon="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetailsvideo.png"
              >
              </u-upload>

              <view v-if="videoList.length > 0" class="video-btn" @click="videoShow = true"></view>
              <!-- 预览视频 -->
              <u-overlay :show="videoShow" @click="videoShow = false">
                <view class="warp">
                  <!-- 视频播放器 -->
                  <video
                    v-if="videoList.length > 0"
                    class="video-preview"
                    :src="videoList[0].url"
                    controls
                  ></video>
                </view>
              </u-overlay>

              <u-upload
                :fileList="pic1"
                @afterRead="afterRead1"
                @delete="deletePic(1)"
                name="1"
                :maxCount="1"
                uploadText="上传图片"
              ></u-upload>
              <u-upload
                :fileList="pic2"
                @afterRead="afterRead2"
                @delete="deletePic(2)"
                name="1"
                :maxCount="1"
                uploadText="上传图片"
              ></u-upload>
              <u-upload
                :fileList="pic3"
                @afterRead="afterRead3"
                @delete="deletePic(3)"
                name="1"
                :maxCount="1"
                uploadText="上传图片"
              ></u-upload>
            </view>
          </view>

          <view class="title">
            {{ data.title }}
          </view>
          <view class="majorFunction">
            <view class="info">
              <view class="left">招聘职位：</view>
              <view class="right">{{ data.positionCategory }}</view>
            </view>
            <view class="info">
              <view class="left">职位福利：</view>
              <!-- 全职 -->
              <view class="right" style="color: red" v-if="data.recruitmentType == 1">
                {{ data.salaryRange ? data.salaryRange.split(',').join('') : '-' }}
                {{ data.salaryRange == '面议' ? '' : '元' }}
              </view>
              <!-- 兼职 -->
              <view class="right" style="color: red" v-else>
                {{ data.salaryRange ? data.salaryRange.split(',').join('') : '-' }}
                {{ data.settlementMethod }}
              </view>
            </view>
            <view class="benefitLabelNew" v-if="data.fringeBenefits">
              <view class="label" v-for="(i, j) in data.fringeBenefits.split(',')" :key="j"
                >{{ i }}
              </view>
            </view>
          </view>
          <view class="secondaryFunction">
            <view class="info">
              <view class="infoTop">招聘人数</view>
              <view class="infoBottom" v-if="data.recruitNumber">{{ data.recruitNumber }}人</view>
              <view class="infoBottom" v-else>不限</view>
            </view>
            <view class="gap"></view>
            <view class="info">
              <view class="infoTop">性别要求</view>
              <view class="infoBottom">
                {{
                  data.genderRequirements == 1 ? '男' : data.genderRequirements == 2 ? '女' : '不限'
                }}
              </view>
            </view>
            <view class="gap"></view>
            <view class="info">
              <view class="infoTop">学历</view>
              <view class="infoBottom">{{ data.educationalRequirements || '不限' }}</view>
            </view>
            <view class="gap"></view>
            <view class="info">
              <view class="infoTop">工作区域</view>
              <view class="infoBottom">{{ data.region }}</view>
            </view>
          </view>

          <view class="need" v-if="data.recruitmentType == 2">
            <view class="need_label">
              <span class="view">工作周期：</span>
              {{ data.workCycle }}
            </view>
            <view class="need_label" v-if="data.workingHours">
              <span class="view">工作时段：</span>
              <span v-if="data.workingHours == '不限'">不限</span>
              <span v-else>
                <text
                  style="margin-right: 10rpx"
                  v-for="(item, index) in data.workingHours.split('|')"
                  :key="index"
                  >{{ item.split(',').join('-') }}</text
                >
              </span>
            </view>
            <view class="need_label" v-if="data.employmentDate">
              <span class="view">用工日期：</span>
              <span v-if="data.employmentDate == '不限'">不限</span>
              <span v-else>
                <span v-for="(employmentDateItem, index) in data.employmentDate.split('|')">
                  <view style="margin-right: 10px">
                    <span
                      class="index-part"
                      style="margin-right: 5px"
                      v-html="`${index + 1}.`"
                    ></span>
                    {{
                      employmentDateItem.split(',')[0].split('-')[0] +
                      '年' +
                      employmentDateItem.split(',')[0].split('-')[1] +
                      '月' +
                      employmentDateItem.split(',')[0].split('-')[2] +
                      '日'
                    }}
                    -
                    {{
                      employmentDateItem.split(',')[1].split('-')[0] +
                      '年' +
                      employmentDateItem.split(',')[1].split('-')[1] +
                      '月' +
                      employmentDateItem.split(',')[1].split('-')[2] +
                      '日'
                    }}
                  </view>
                </span>
              </span>
            </view>
          </view>
        </view>
        <view class="JobDescription">
          <view class="title">
            <image
              style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
              src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
            >
            </image>
            <span>职位描述</span>
          </view>
          <view class="detailed" v-if="data.jobDescription">
            <u-read-more :showHeight="210" :toggle="true">
              <rich-text :nodes="data.jobDescription"></rich-text>
            </u-read-more>
            <!-- <mote-lines-divide :dt="data.jobDescription" :line="10" expandText="展开" foldHint="收起" width="670rpx"
								expandTextWidth="120rpx" /> -->
            <!-- {{data.jobDescription}} -->
          </view>
        </view>

        <view class="center_bottom">
          <view class="Map">
            <view class="title">
              <image
                style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
              >
              </image>
              <span>工作地点</span>
            </view>
            <view class="maps">
              <image
                style="width: 100%; height: 100%"
                :src="
                  'https://apis.map.qq.com/ws/staticmap/v2/?zoom=11&scale=2&key=HUZBZ-ZQX6X-ZBO4M-TKCO5-7Q6ZZ-Z7FUL&size=345*160&center=' +
                  (data.latitude + ',' + data.longitude) +
                  '&markers=size:tiny|icon:https://pic.bangbangtongcheng.com/mapicon.png|' +
                  (data.latitude + ',' + data.longitude)
                "
                mode=""
              ></image>
              <view class="workAddress">
                <view>
                  {{ data.workLocation }}
                </view>
                <view class="toOpenMap" @click="openMap"> 去导航 </view>
              </view>
            </view>
          </view>
          <view class="corporation">
            <template
              v-if="
                data.userInformationDto &&
                data.userInformationDto.enterpriseRecruitmentStatus == 1 &&
                data.enterpriseName
              "
            >
              <view class="briefIntroduction" @click="companyDetails">
                <view class="title">
                  <image
                    style="width: 8rpx; height: 32rpx; margin-right: 10rpx"
                    src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/juxing.png"
                  >
                  </image>
                  <span>公司介绍</span>
                </view>
                <view style="display: flex; align-items: center">
                  <span style="font-size: 28rpx; color: #666666; padding-bottom: 6rpx"
                    >公司详情</span
                  >
                  <image
                    class="image"
                    style="width: 28rpx; height: 28rpx"
                    src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/grey-right.png"
                    mode=""
                  >
                  </image>
                </view>
              </view>
              <view class="corporation_center">
                <view class="title">
                  {{ data.enterpriseName }}
                </view>
                <view class="content">
                  {{ data.companyProfile || '' }}
                </view>
                <view class="environment" v-if="data.introductionPicture">
                  <view style="position: relative" v-for="(i, j) in introductionPictureCurrenShow">
                    <image
                      class="image"
                      @click="HJViewImage(i)"
                      :key="j"
                      :src="i"
                      mode="aspectFill"
                    ></image>
                    <view class="more" v-if="j == 2 && introductionPictureMore">
                      {{ '+' + introductionPictureMore }}
                    </view>
                  </view>
                </view>
              </view>
            </template>
            <view class="personalCard" @click="userfy(data.userInformationDto)">
              <view class="lookOver"> 查看TA的招聘 </view>
              <view class="personalCard_center">
                <view class="left">
                  <view class="headSculpture">
                    <image
                      class="image"
                      v-if="data.userInformationDto && data.userInformationDto.image"
                      :src="data.userInformationDto.image"
                      mode=""
                    ></image>
                    <image
                      class="image"
                      v-else
                      src="https://pic.bangbangtongcheng.com/static/my/header.png"
                      mode=""
                    >
                    </image>
                    <view class="name">
                      <!-- {{data.userInformationDto.isShop == 1?'商家':(data.userInformationDto.isAgent == 1?'经纪人':(data.userInformationDto.enterpriseRecruitmentStatus == 1?'公司':'个人'))}} -->
                      <!-- 个人、未认证 -->
                      <div
                        class="personal-label"
                        v-if="userIdentityType === 'PERSONAL' || !userIdentityType"
                      >
                        <!-- <image src="https://pic.bangbangtongcheng.com/static/my/tag1.png" mode="" /> -->
                        <text>个人</text>
                      </div>
                      <!-- 其他身份 -->
                      <div v-else>
                        <view v-if="data.userInformationDto.phone" class="shop-label">
                          <text v-if="userIdentityType === 'HOUSE_BUILDING'">楼盘</text>
                          <text v-if="userIdentityType === 'HOUSE_REAL_ESTATE_SHOP'">房产商家</text>
                          <text v-if="userIdentityType === 'HOUSE_BROKER'">房产经纪人</text>
                          <text v-if="userIdentityType === 'CAR_DEALERSHIP_SHOP'">4S店</text>
                          <text v-if="userIdentityType === 'CAR_AUTO_TRADING_SHOP'">汽贸店</text>
                          <text v-if="userIdentityType === 'CAR_AUTO_REPAIR_SHOP'">维修保养</text>
                          <text v-if="userIdentityType === 'CAR_BEAUTY_DECORATION_SHOP'"
                            >美容装饰</text
                          >
                          <text v-if="userIdentityType === 'CAR_BROKER_CAR_SALES_CONSULTANT'"
                            >汽车销售顾问</text
                          >
                          <text v-if="userIdentityType === 'RECRUITMENT_COMPANY'">招聘企业</text>
                        </view>
                      </div>
                    </view>
                  </view>
                  <view class="information" v-if="data.userInformationDto">
                    <view class="name">
                      {{ data.userInformationDto.nikeName || '未命名用户' }}
                    </view>

                    <view
                      class="vip-label"
                      :style="{
                        backgroundColor:
                          $member.colors()[data.userInformationDto.memberLevel - 1].bgColor,
                        borderColor:
                          $member.colors()[data.userInformationDto.memberLevel - 1].lineColor,
                        color: $member.colors()[data.userInformationDto.memberLevel - 1].wordColor,
                      }"
                    >
                      {{ $member.colors()[data.userInformationDto.memberLevel - 1].level }}
                    </view>
                    <view class="userGradeNew">
                      <span>用户评星：</span>
                      <view class="userGradeLabel">
                        <view class="star-vip">
                          <uni-rate
                            style="margin: 0rpx"
                            :value="data.userInformationDto.score"
                            size="17"
                            :readonly="true"
                            margin="-1"
                            color="#EBEBED"
                            active-color="#FFCD00"
                          />
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
            <view class="disclaimer">
              {{ disclaimers }}
            </view>
          </view>
        </view>
      </view>

      <!-- 底部 -->
      <view class="feahd_bottom">
        <view class="collect" @click="chat()">
          <image
            class="img"
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/chat.png"
          />
          <span>聊一聊</span>
        </view>
        <!-- #ifdef APP-PLUS -->
        <view
          class="collect"
          @click="onphoneBefore()"
          style="background: #e7f5f4; border: 1rpx solid #0fa291; color: #0fa291"
        >
          <image
            class="img"
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/dianhuahover.png"
          />
          <span>拨打电话</span>
        </view>
        <!-- #endif -->
        <!-- #ifndef APP-PLUS -->
        <view
          class="collect"
          @click="onphoneBefore()"
          style="background: #e7f5f4; border: 1rpx solid #0fa291; color: #0fa291"
        >
          <image
            class="img"
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/dianhuahover.png"
          />
          <span>拨打电话</span>
        </view>
        <!-- #endif -->
        <view class="feahd_right">
          <view class="weigui" v-if="weig" @click="weigui">
            <image class="img" src="https://pic.bangbangtongcheng.com/static/weigui.png" />
            <p>
              该用户有<text style="color: red">{{ Count }}</text
              >条违规信息！
            </p>
          </view>
        </view>
      </view>
      <informationNo ref="informationNo"></informationNo>
      <!-- 返回顶部 -->
      <back-top :scrollTop="scrollTop"></back-top>
      <!-- 回到首页 -->
      <uniBall></uniBall>

      <!-- <dLoading v-if="loding"></dLoading> -->
      <uni-popup ref="bindMarkCall" mode="center">
        <view class="bindMarkCallBindsFrame">
          <image
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/jianzhi-xiangqing-pop1.png"
            v-if="userMarkCallStatus == 3"
            class="phoneLogo"
          ></image>
          <image
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/jianzhi-xiangqing-pop2.png"
            class="phoneLogo"
            v-if="userMarkCallStatus == 1 || userMarkCallStatus == 2"
          ></image>
          <image
            src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/closeIcon.png"
            class="closeIcon"
            @click="$refs.bindMarkCall.close()"
          ></image>
          <view v-if="data.contactNumber" style="display: flex; flex-direction: column">
            <view
              class="phoneItem"
              v-for="(i, j) in data.contactNumberArr"
              :key="j"
              :style="
                userMarkCallStatus != 3
                  ? 'justify-content: space-between;'
                  : 'justify-content: center;'
              "
            >
              <view v-if="i" style="display: flex; align-items: center">
                <image
                  src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/markCall.png"
                >
                </image>
                <span class="phoneNumber">{{ i.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') }}</span>
              </view>
              <view>
                <span class="onphone" @click="onphone(i)" v-if="userMarkCallStatus != 3"
                  >点击拨打</span
                >
              </view>
            </view>
          </view>

          <view class="tip">
            <span v-if="userMarkCallStatus == 1 || userMarkCallStatus == 2"
              >请说明您是在“帮帮同城”看到的，谢谢！</span
            >
            <span v-if="userMarkCallStatus == 3" style="color: #666666"
              >发布者要求投递简历，才能拨打电话</span
            >
          </view>

          <view>
            <view
              v-if="userMarkCallStatus == 3 || userMarkCallStatus == 2"
              style="height: 1rpx; background: #ebebed; margin: 30rpx 0rpx"
            ></view>
            <view v-if="userMarkCallStatus == 2" class="bottomTip">
              发布者要求：拨打电话同时投递简历
            </view>
            <view class="bottomBut" v-if="userMarkCallStatus == 3">
              <p class="p1">填写简版简历</p>
              <p class="p2" @click="submitResume">去填写</p>
            </view>
          </view>
        </view>
      </uni-popup>
      <uni-popup ref="bindNoOperate" mode="center">
        <view class="binds_frame">
          <view class="binds_frame_t"></view>
          <!-- <view class="binds_frame_c">你现在是招聘企业/房产商家/楼盘/汽车商家/房产经纪人/汽车销售顾问身份，不可操作哦~</view> -->
          <view class="binds_frame_c"
            >你现在是
            <text v-if="userIdentityTypeCurUser === 'HOUSE_BUILDING'">楼盘</text>
            <text v-if="userIdentityTypeCurUser === 'HOUSE_REAL_ESTATE_SHOP'">房产商家</text>
            <text v-if="userIdentityTypeCurUser === 'HOUSE_BROKER'">房产经纪人</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_DEALERSHIP_SHOP'">4S店</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_AUTO_TRADING_SHOP'">汽贸店</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_AUTO_REPAIR_SHOP'">维修保养</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_BEAUTY_DECORATION_SHOP'">美容装饰</text>
            <text v-if="userIdentityTypeCurUser === 'CAR_BROKER_CAR_SALES_CONSULTANT'"
              >汽车销售顾问</text
            >
            <text v-if="userIdentityTypeCurUser === 'RECRUITMENT_COMPANY'">招聘企业</text>
            身份，不可操作哦~
          </view>

          <view class="binds_frame_b">
            <view class="cancel" @click="$refs.bindNoOperate.close()">好的</view>
          </view>
        </view>
      </uni-popup>
    </view>
  </view>
</template>
<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  import MoteLinesDivide from '@/components/mote-lines-divide/mote-lines-divide'
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  //#endif
  import { mapGetters } from 'vuex'
  export default {
    data() {
      return {
        scrollTop: 0,
        userMarkCallStatus: 1, //1、有简历且发布者未开启拨打电话同时投递简历；2、有简历且发布者开启拨打电话同时投递简历；3、未投递简历
        userInfo: uni.getStorageSync('Pduser'),
        beforePage: '',
        moreChage: false,
        WXwidth: '',
        disclaimers: '',
        controls: [],
        // 测试数据
        score: '3',
        markers: [],
        data: {},
        id: '',
        loding: true,
        indexss: 1,
        llindex: 1,
        informationNoBubbles: false,
        weig: false,
        Count: '',
        smkg_chage: false,
        index: '',
        type: '',
        startY: 0, // 开始触摸的Y坐标
        isViewVisible: true, // 控制目标view的显示状态
        userResumeDetails: 0, // 0没有简历，1有简历
        userResumeDetailData: null, // 用户的简历信息
        userIdentityType: null,
        userIdentityTypeCurUser: null,
        recordDescription: '', // 描述
        videoList: [], //上传视频
        pic1: [], // 图片1
        pic2: [], // 图片2
        pic3: [], // 图片3
        historyCount: 0, // 历史记录
        videoShow: false,
        selectBoxShow: false, // 状态修改下拉
        jobProgressText: '',
        // 简历状态
        jobProgressOption: [
          {
            name: '待沟通',
            value: 0,
          },
          {
            name: '沟通中',
            value: 1,
          },
          {
            name: '感兴趣',
            value: 2,
          },
          {
            name: '不满意',
            value: 3,
          },
        ],
        // 可修改简历状态
        auditStatusOption: [
          {
            name: '感兴趣',
            value: '2',
          },
          {
            name: '不满意',
            value: '3',
          },
        ],
        jobProgress: 0, // 顶部简历状态
        auditStatusText: '待沟通',
      }
    },
    onLoad(options) {
      // 获取微信小程序胶囊和据右边宽度
      // #ifdef MP-WEIXIN
      // 获取胶囊信息
      let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
      let getWindowInfo = uni.getWindowInfo().screenWidth
      this.WXwidth = getWindowInfo - (menuButtonInfo.right - menuButtonInfo.width)
      // #endif

      if (options.id) {
        this.id = options.id
      }
      if (options.resumeId) {
        this.resumeId = options.resumeId
      }
      if (options.index) {
        this.index = options.index
      }
      if (options.type) {
        this.type = options.type
      }
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
      var pages = getCurrentPages() //当前页
      this.beforePage = pages.length >= 2 //上个页面
    },
    onShow() {
      let than = this
      this.getData(true)
      this.getUserResumeDetails()
      this.getHistory()

      setTimeout(function () {
        than.weig = false
      }, 6000)
    },
    onPageScroll: function (Object) {
      this.scrollTop = Object.scrollTop //实时获取到滚动的值
    },
    methods: {
      // async init() {
      //   this.getHistory()
      //   await this.getAuthenticationCurUser()
      //   await this.getUserResumeDetails()
      //   await this.Disclaimers()
      //   await this.getUserMarkCallStatus()
      //   await this.getData(true)
      // },
      // 历史记录
      async getHistory() {
        const historyListParams = {
          userId: this.userInfo.id,
          relatedBusiness: this.id,
          visitType: '1', //类型(1: 招聘,2: 简历)
          pageNo: 1,
          pageSize: 99999,
        }
        const historyListRes = await this.$myRequest.get(
          '/api/mobile/personnelOwner/getVisitedLookHistoryByUserId',
          historyListParams
        )
        if (historyListRes.code === 200) {
          if (JSON.stringify(historyListRes.visitedHistory) !== '{}') {
            this.historyCount = historyListRes.visitedHistory.pageCount
          }
        }
      },

      //上传视频
      async afterReadVideo(file, lists, name) {
        const result = await this.uploadFilePromise(file.file.url)
        this.videoList = result
      },
      // 图片1
      async afterRead1(event) {
        const result = await this.uploadFilePromise(event.file.url)
        this.pic1 = result
      },
      // 删除图片1
      deletePic(index) {
        if (index == 0) {
          this.videoList = []
        } else {
          this[`pic${index}`] = []
        }
      },
      // 图片2
      async afterRead2(event) {
        const result = await this.uploadFilePromise(event.file.url)
        this.pic2 = result
      },
      // 图片3
      async afterRead3(event) {
        const result = await this.uploadFilePromise(event.file.url)
        this.pic3 = result
      },
      // 上传文件
      uploadFilePromise(url) {
        return new Promise((resolve, reject) => {
          let a = uni.uploadFile({
            url: 'https://www.bangbangtongcheng.com/conven/ht/attach/qnUpload',
            filePath: url,
            name: 'file',
            success: (res) => {
              console.log('res', res)
              resolve(JSON.parse(res.data).data)
            },
          })
        })
      },

      // 更改状态
      async changeAuditStatus(v) {
        console.log('v', v)
        this.jobProgress = v.value
        // this.auditStatusText = v.name
        const params = {
          userId: this.userInfo.id,
          objectivesId: this.id,
          userIdentity: 1, //1：求职进程，2：收到简历）
          status: v.value, //（1:沟通中，2：感兴趣，3：不满意）
          id: this.id,
        }
        const res = await this.$myRequest.post(
          '/api/mobile/personnelOwner/modifyJobProgress',
          params
        )
        if (res.code === 200) {
          // 更新状态
          this.getData()
        }

        // 请求接口，切换状态
        setTimeout(() => {
          this.selectBoxShow = false
        }, 500)
      },
      // 发布上门看过信息
      async saveHistory() {
        const recordVideo = this.videoList.length > 0 ? this.videoList[0].url : ''
        const pic1 = this.pic1.length > 0 ? this.pic1[0].url : ''
        const pic2 = this.pic2.length > 0 ? this.pic2[0].url : ''
        const pic3 = this.pic3.length > 0 ? this.pic3[0].url : ''
        let recordPicture = ''
        if (pic1) {
          recordPicture += `${pic1},`
        }
        if (pic2) {
          recordPicture += `${pic2},`
        }
        if (pic3) {
          recordPicture += `${pic3}`
        }
        if (!this.recordDescription) {
          uni.showToast({
            title: '请输入文字记录',
            icon: 'none',
            mask: true,
          })
          return
        }
        const params = {
          id: this.id, // 招聘id
          noteTaker: this.userInfo.id, // 记录人
          visitType: '1', //类型（1：招聘，2：简历）
          relatedBusiness: this.id, // 关联业务id
          recordDescription: this.recordDescription, //备注
          recordPicture, // 图片
          recordVideo, //视频
        }
        const res = await this.$myRequest.post(
          '/api/mobile/personnelOwner/increaseVisitedLook',
          params
        )
        if (res.code === 200) {
          uni.showToast({
            title: '保存成功',
            icon: 'none',
            mask: true,
          })
          // 关闭备注信息
          // 清空备注表单
          this.recordDescription = ''
          this.videoList = []
          this.pic1 = []
          this.pic2 = []
          this.pic3 = []
          // 刷新历史记录
          this.getHistory()
        }
      },
      // 历史记录
      goToHistory() {
        uni.navigateTo({
          url: `/pages_owner/my/doorLsjl?id=${this.id}&index=${3}`,
        })
      },

      // 获取当前用户认证信息
      getAuthenticationCurUser() {
        const that = this
        // 根据用户ID查询用户是否认证
        this.$myRequest
          .get('/api/mobile/public/verifyUserWhetherAuthenticationBusinessOrAgentAll', {
            userId: uni.getStorageSync('Pduser').id,
          })
          .then((result) => {
            if (result.code === 200) {
              if (result.userAuthenticationDto) {
                // null：未认证，后端不会返回这个字段
                // PERSONAL：个人认证
                // HOUSE_BUILDING:楼盘认证
                // HOUSE_REAL_ESTATE_SHOP:房产商家认证
                // HOUSE_BROKER:房产经纪人认证
                // CAR_DEALERSHIP_SHOP::4S店认证
                // CAR_AUTO_TRADING_SHOP:汽贸店认证
                // CAR_AUTO_REPAIR_SHOP: 汽车维修商家认证
                // CAR_BEAUTY_DECORATION_SHOP:美容装饰商家认证
                // CAR_BROKER_CAR_SALES_CONSULTANT:汽车销售顾问认证(4s店经纪人或汽贸店经纪人)
                // RECRUITMENT_COMPANY:招聘企业认证
                this.userIdentityTypeCurUser = result.userAuthenticationDto.userIdentityType
              } else {
                this.auditText = '未认证用户'
                this.userIdentityType = null
              }
              console.log('this.userIdentityTypeCurUser', this.userIdentityTypeCurUser)
            }
          })
      },
      // 获取认证信息
      getAuthentication() {
        // 根据用户ID查询用户是否认证
        this.$myRequest
          .get('/api/mobile/public/verifyUserWhetherAuthenticationBusinessOrAgentAll', {
            userId: this.data.userInformationDto.id,
          })
          .then((result) => {
            if (result.code === 200) {
              if (result.userAuthenticationDto) {
                // null：未认证，后端不会返回这个字段
                // PERSONAL：个人认证
                // HOUSE_BUILDING:楼盘认证
                // HOUSE_REAL_ESTATE_SHOP:房产商家认证
                // HOUSE_BROKER:房产经纪人认证
                // CAR_DEALERSHIP_SHOP::4S店认证
                // CAR_AUTO_TRADING_SHOP:汽贸店认证
                // CAR_AUTO_REPAIR_SHOP: 汽车维修商家认证
                // CAR_BEAUTY_DECORATION_SHOP:美容装饰商家认证
                // CAR_BROKER_CAR_SALES_CONSULTANT:汽车销售顾问认证(4s店经纪人或汽贸店经纪人)
                // RECRUITMENT_COMPANY:招聘企业认证
                this.userIdentityType = result.userAuthenticationDto.userIdentityType
                // 审核状态（0：未审核，1：审核通过，2：审核不通过，3：待商家审核，4：待平台审核）
                this.userAuditStatus = result.userAuthenticationDto.auditStatus
                if (this.userAuditStatus === '1') {
                  this.auditText = '认证用户'
                } else {
                  this.auditText = '未认证用户'
                }
              } else {
                this.auditText = '未认证用户'
                this.userIdentityType = null
              }
              console.log('this.userIdentityType', this.userIdentityType)
            }
          })
      },
      getUserMarkCallStatus() {
        if (this.userResumeDetails == 0) {
          this.userMarkCallStatus = 3
        } else {
          if (this.data.whetherAutoDelivery == 0) {
            this.userMarkCallStatus = 1
          } else {
            this.userMarkCallStatus = 0
          }
        }
      },
      // 获取简历详情
      getUserResumeDetails() {
        if (!this.userInfo || !this.userInfo.id) {
          return
        }
        // 判断是否有简历
        this.$myRequest
          .get('/api/mobile/personnelOwner/getResumeDetails', {
            publisherId: this.userInfo.id,
          })
          .then((res) => {
            this.userResumeDetails = 0
            if (res.biographicalNotesDetails) {
              // 有简历
              this.userResumeDetails = 1
              this.userResumeDetailData = res.biographicalNotesDetails
            }
          })
      },
      handleTouchStart(event) {
        console.log('@@@')
        // 记录开始触摸的Y坐标
        this.startY = event.touches[0].clientY
      },
      handleTouchMove(event) {
        // 当前触摸的Y坐标
        const currentY = event.touches[0].clientY
        // 计算滑动的距离
        const distance = currentY - this.startY
        // 根据滑动的距离判断是上滑还是下滑
        if (distance > 6) {
          // 上滑操作
          this.isViewVisible = true
        } else if (distance < -6) {
          // 下滑操作
          this.isViewVisible = false
        }
      },
      handleTouchEnd() {
        // 可以在这里做一些触摸结束后的处理
      },
      // 获取上门看过历史记录
      // doorSeenLsjl() {
      // 	this.$myRequest.get("/api/mobile/personnelOwner/queryVisitedHistory", {
      // 		userId: this.userInfo.id,
      // 		relatedBusiness: this.id,
      // 		visitType: 1,
      // 	}).then(res => {
      // 		if (res.visitedHistory.id) {
      // 			// 判断是上门看看还是看过
      // 			this.smkg_chage = true
      // 		}
      // 	});
      // },
      HJViewImage(urls) {
        uni.previewImage({
          urls: this.data.introductionPicture.split('|'),
          current: urls,
        })
      },
      weigui() {
        uni.navigateTo({
          url:
            '/pages_intermediary/illegalBehavior?id=' +
            this.data.userInformationDto.id +
            '&index=2',
        })
      },
      getCount(id) {
        let that = this
        this.$myRequest
          .get('/mob/user/getReportMyRecord', {
            userId: id,
            businessType: 4,
          })
          .then((res) => {
            this.Count = res.page.count
            if (this.Count > 0) {
              that.weig = true
            }
          })
      },
      // 信息编号
      informationNos() {
        this.$refs.informationNo.informationNo_xxbh()
      },
      submitResume() {
        uni.navigateTo({
          url: '/pages_recruitMoney/publish/writeResume',
        })
      },

      // 免责声明
      Disclaimers() {
        this.$myRequest
          .get('/api/mobile/public/getDisclaimersByDisclaimerLocation', {
            disclaimerLocation: '16',
          })
          .then((res) => {
            this.disclaimers = res.Disclaimers.disclaimerContent
          })
      },
      guanzhu() {
        if (!this.showLogin()) {
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/vehicleOwner/collectionOrCancelCollection', {
            collectorId: this.userInfo.id,
            relationId: this.data.userInformationDto.id,
            collectionType: '1',
            ids: this.data.userInformationDto.collectionId
              ? this.data.userInformationDto.collectionId
              : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (this.data.userInformationDto.whetherCollection == 0) {
              this.addIntegral(5, '关注用户')
            }
            this.getData()
          })
      },
      //点击地图控件时触发
      controlClick(e) {
        switch (e.detail.controlId) {
          case 999:
            uni.createMapContext('map1', this).moveToLocation({
              latitude: this.data.latitude,
              longitude: this.data.longitude,
            })
            break
        }
      },
      lljl() {
        if (!this.userInfo.phone) {
          return
        }
        if (this.data.userInformationDto.id == this.userInfo.id) {
          return
        }
        this.$myRequest
          .post('/api/mobile/public/increaseBrowsingRecord', {
            browseRecordId: this.id,
            viewersId: this.userInfo.id,
            businessType: 4,
            browsingRecords: 7,
          })
          .then((res) => {
            this.llindex = 2
          })
      },
      doorSeen() {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: '/pages_recruitMoney/visited/concurrently?id=' + this.data.id,
        })
      },
      shield() {
        if (this.data.userInformationDto.id == this.userInfo.id) {
          uni.showToast({
            title: '不可屏蔽自己发布的信息!',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.showActionSheet({
          itemList: ['不看这条信息', '不看TA发布的信息'],
          success: (res) => {
            if (res.tapIndex == 0) {
              this.getShield(1)
            } else {
              this.getShield(2)
            }
          },
          fail: function (res) {},
        })
      },
      getShield(index) {
        let data = {}
        if (index == 1) {
          // 不看这条信息
          data = {
            shieldPeople: this.userInfo.id,
            associationId: this.data.id,
            associationName: this.data.title,
            shieldingType: 3,
            shieldingTime: this.$Time.getTimes(),
          }
        } else {
          // 不看TA发布的信息
          data = {
            shieldPeople: this.userInfo.id,
            associationId: this.data.userInformationDto.id,
            associationName: this.data.userInformationDto.nikeName || '未命名用户',
            shieldingType: 1,
            shieldingTime: this.$Time.getTimes(),
          }
        }
        this.$myRequest.post('/api/mobile/personnelOwner/increaseShield', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          setTimeout(() => {
            uni.navigateBack({
              delta: 1,
            })
          }, 500)
        })
      },
      fn() {
        uni.showActionSheet({
          itemList: ['分享到微信好友', '分享到微信朋友圈'],
          success: (res) => {
            console.log(res)
            this.addIntegral(3)
            let wsxcene = null
            if (res.tapIndex == 0) {
              //分享到好友 可以发送小程序
              wsxcene = 'WXSceneSession'
              uni.share({
                provider: 'weixin',
                scene: wsxcene,
                type: 5,
                title: this.data.title,
                imageUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg',
                miniProgram: {
                  id: 'gh_c8b17811efca',
                  path: 'pages_recruitMoney/recruitmentDetails/concurrently?id=' + this.id,
                  type: 0,
                  webUrl:
                    'https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/concurrently?id=' +
                    this.id,
                },
                // summary: "我正在看，" + this.data.title + "赶紧跟我一起来查看！",
                success: function (res) {
                  console.log('success:' + JSON.stringify(res))
                },
                fail: function (err) {
                  console.log('fail:' + JSON.stringify(err))
                },
              })
            } else {
              uni.downloadFile({
                url: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg', //仅为示例，并非真实的资源
                success: (res) => {
                  if (res.statusCode === 200) {
                    let name = res.tempFilePath.substr(res.tempFilePath.lastIndexOf('/') + 1) //截取文件名
                    plus.zip.compressImage(
                      {
                        src: res.tempFilePath, //下载完图片的临时路径
                        dst: '_doc/photoData/' + name, //存储压缩完图片的临时路径
                        overwrite: true, //再次压缩会覆盖掉上次的目录
                        width: '150px', //缩放图片的宽度
                        height: '100px', //缩放图片的高度
                        quality: 5, //压缩图片质量,值越低,图片占内存越低
                      },
                      (event) => {
                        //压缩成功
                        wsxcene = 'WXSceneTimeline' //分享到朋友圈 只能H5 或者图片
                        uni.share({
                          provider: 'weixin',
                          scene: wsxcene,
                          type: 0,
                          title: this.data.title,
                          href:
                            'https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/concurrently?id=' +
                            this.id,
                          imageUrl: event.target,
                          summary: '我正在看，' + this.data.title || ' ' + '赶紧跟我一起来查看！',
                          success: function (res) {
                            console.log('success:' + JSON.stringify(res))
                          },
                          fail: function (err) {
                            console.log('fail:' + JSON.stringify(err))
                          },
                        })
                      },
                      (error) => {
                        //压缩失败
                        uni.showToast({
                          title: '压缩失败',
                          icon: 'none',
                        })
                      }
                    )
                  }
                },
              })
            }
          },
          fail: function (res) {
            console.log(res.errMsg)
          },
        })
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.setWxShare(re.data)
          },
        })
      },
      setWxShare(data) {
        let _this = this
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'openLocation'],
        })
        wxshare.ready(function () {
          //分享给朋友
          // console.log("aaaaaaaa");
          _this.addIntegral(3)
          wxshare.updateAppMessageShareData({
            title: _this.data.title, // 分享标题
            desc: _this.data.jobDescription, // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/concurrently?id=${_this.id}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg', // 分享图标
            success: function () {
              //分享成功回调
            },
            cancel: function () {
              //取消分享回调
            },
          })
          wxshare.updateTimelineShareData({
            title: _this.data.title, // 分享标题
            desc: _this.data.jobDescription, // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_recruitMoney/recruitmentDetails/concurrently?id=${_this.id}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg', // 分享图标
            success: function () {},
            cancel: function () {},
          })
        })
      },
      onShareAppMessage: function (res) {
        this.addIntegral(3)
        // console.log(that.imgUrl + that.data.logo);
        if (res.from === 'menu') {
          // 来自页面内分享按钮
          // console.log(res);
        }
        return {
          title: this.data.title,
          path: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + this.id,
          desc: '找房就用帮帮同城',
          imageUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg',
        }
      },
      onShareTimeline() {
        this.addIntegral(3)
        return {
          title: this.data.title,
          path: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + this.id,
          imageUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg',
        }
      },
      chat() {
        if (!this.showLogin()) {
          return
        }
        // 如果是待沟通状态，拨打电话后改成沟通中
        if (this.data.jobProgress === 0) {
          this.changeAuditStatus({ value: 1, name: '沟通中' })
        }

        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${this.data.userInformationDto.id}&img=${this.data.userInformationDto.image}&nikeName=${this.data.userInformationDto.nikeName}&id=${this.data.id}&type=3&index=${this.indexss}`,
        })
        // if (this.indexss == 1) {
        // 	this.indexss = 2
        // }
      },
      jubao() {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url:
            '/pages_recruitMoney/index/report?id=' +
            this.data.id +
            '&userId=' +
            this.data.userInformationDto.id +
            '&index=1',
        })
      },
      fanhui() {
        var pages = getCurrentPages() //当前页
        if (pages.length >= 2) {
          uni.navigateBack({
            delta: 1,
          })
        } else {
          uni.switchTab({
            url: '/pages/index/index',
          })
        }
      },
      shouye() {
        uni.switchTab({
          url: '/pages/index/index',
        })
      },
      companyDetails() {
        uni.navigateTo({
          url:
            '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' +
            this.data.userInformationDto.id,
        })
      },
      async userfy(item) {
        console.log('item', item)

        // if (!this.showLogin()) {
        // 	return;
        // }
        let yy = await this.getjjr(item.id)
        if (yy.businessType == 1 && yy.shopType == 2 && yy.isShop == 1) {
          if (!yy.buildingId) {
            uni.showToast({
              title: '该商家还未发布楼盘！',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/houses/housesDetails?id=' + yy.buildingId + '&showTab=7',
          })
          return
        }
        if (yy.businessType == 1 && yy.shopType == 1 && yy.isShop == 1) {
          uni.navigateTo({
            url: `/pages_intermediary/shopDetails?id=${yy.shopId}&showTab=4`,
          })
          return
        }
        if (yy.businessType == 2 && (yy.shopType == 1 || yy.shopType == 2) && yy.isShop == 1) {
          uni.navigateTo({
            url: '/pages_owner/dealer/dealerDetails?id=' + yy.shopId + '&showTab=5',
          })
          return
        }
        if (yy.businessType == 2 && (yy.shopType == 3 || yy.shopType == 4) && yy.isShop == 1) {
          uni.navigateTo({
            url: '/pages_owner/ownerService/ownerServiceDetails?id=' + yy.shopId + '&showTab=4',
          })
          return
        }
        if (yy.businessType == 0 && yy.enterpriseRecruitmentStatus == 1) {
          uni.navigateTo({
            url:
              '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' +
              yy.id +
              '&showTab=4',
          })
          return
        }
        // showTab = 10 招聘tab
        uni.navigateTo({
          url: `/pages_owner/dealer/goldConsultant?userId=${item.id}&showTab=10`,
        })
      },
      async getjjr(id) {
        let that = this
        let data = {}
        await this.$myRequest
          .get('/api/mobile/public/getPersonalHome', {
            otherId: id,
            ownerId: this.userInfo.id,
          })
          .then((res) => {
            data = res.personalHomeData
          })
        return data
      },
      openMap() {
        // console.log(this.data.latitude, this.data.longitude);
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(that.data.latitude), //目的地latitude
                longitude: Number(that.data.longitude), //目的地longitude
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(that.data.latitude),
          longitude: Number(that.data.longitude),
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      sc() {
        if (!this.userinfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/public/favoriteFollowOrCancelFavoriteFollow', {
            collectorId: this.userInfo.id,
            collectionType: 7,
            relationId: this.data.id,
            id: this.data.followCollections ? this.data.followCollections.id : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (this.data.whetherCollection == 0) {
              this.addIntegral(5, '收藏招聘')
            }
            this.getData()
          })
      },
      addIntegral(val, title) {
        this.$myRequest
          .post('/mob/iteration/addIntegral', {
            userId: this.userInfo.id,
            ruleNumber: val,
            title: title || '转发兼职招聘',
          })
          .then((res) => {})
      },
      async getPhone() {
        this.onphone()
      },
      onphoneBefore() {
        if (!this.showLogin()) {
          return
        }
        console.log('onphoneBefore this.userIdentityType', this.userIdentityTypeCurUser)
        if (this.userIdentityTypeCurUser !== 'PERSONAL' && this.userIdentityTypeCurUser) {
          // uni.showToast({
          // 	title: '您是公司身份，无法投递简历！',
          // 	icon: "none",
          // 	mask: true
          // });
          this.$refs.bindNoOperate.open()
          return
        }
        this.userMarkCallStatus = 1
        this.$refs.bindMarkCall.open()
      },
      onphone(contactNumber) {
        let that = this
        if (!this.userInfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }

        this.$myRequest.post('/api/mobile/public/increaseCallRecord', {
          userId: this.userInfo.id,
          businessType: '4',
          telephoneNumber: contactNumber,
          associationId: this.data.id,
          callType: 7,
        })

        uni.makePhoneCall({
          // 手机号
          phoneNumber: contactNumber,
          // 成功回调
          success: (res) => {
            console.log('调用成功!')
            // 如果是待沟通状态，拨打电话后改成沟通中
            if (this.data.jobProgress === 0) {
              that.changeAuditStatus({ value: 1, name: '沟通中' })
            }
          },
          // 失败回调
          fail: (res) => {
            console.log('调用失败!')
          },
        })
      },

      getData(status) {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentById', {
            id: this.resumeId,
            userId: this.userInfo.id,
          })
          .then((res) => {
            if (!res.recommendedPosition.id) {
              uni.showModal({
                title: '提示',
                content: '该职位已关闭！',
                showCancel: !1,
                success: (res) => {
                  if (res.confirm) {
                    this.fanhui()
                  }
                },
              })
              return
            }
            this.jobProgress = res.recommendedPosition.jobProgress
            this.data = { ...res.recommendedPosition }
            // 加工电话号码，去空值， 最多显示2个
            let contactNumberArr = []
            if (this.data.contactNumber) {
              let arr = this.data.contactNumber.split(',')
              contactNumberArr = arr
                .filter((item) => {
                  return item && item.trim()
                })
                .slice(0, 2)
            }
            this.data.contactNumberArr = contactNumberArr
            // 加工状态字段
            if (res.recommendedPosition.jobProgress == 0) {
              this.jobProgressText = '待沟通'
            } else {
              this.jobProgressText = this.jobProgressOption.filter(
                (item) => item.value == res.recommendedPosition.jobProgress
              )[0].name
            }

            this.getAuthentication()
            if (this.llindex == 1) {
              this.lljl()
            }
            if (status) {
              that.getCount(res.recommendedPosition.userInformationDto.id)
            }
            if (res.recommendedPosition.latitude) {
              this.markers = [
                {
                  id: 1,
                  latitude: res.recommendedPosition.latitude,
                  longitude: res.recommendedPosition.longitude,
                  iconPath: 'https://pic.bangbangtongcheng.com/locationpic.png',
                  width: 30,
                  height: 30,
                  anchor: {
                    x: 0.5,
                    y: 0.5,
                  },
                },
              ]
            }

            setTimeout(() => {
              this.loding = false
            }, 0)
          })
      },
      mapdian() {
        this.$nextTick(() => {
          uni
            .createSelectorQuery()
            .in(this)
            .select('.maps')
            .fields(
              {
                size: true,
              },
              (res) => {
                this.controls.push({
                  id: 999,
                  iconPath: 'https://pic.bangbangtongcheng.com/static/dingwei1.png',
                  clickable: true,
                  position: {
                    left: res.width - 50,
                    top: 100,
                    width: 50,
                    height: 60,
                  },
                })
              }
            )
            .exec()
        })
      },
    },

    computed: {
      ...mapGetters(['userid', 'islogin', 'statusBarHeight1', 'userinfo']),
      introductionPictureMore() {
        if (this.data.introductionPicture && this.data.introductionPicture.split('|').length > 3) {
          return this.data.introductionPicture.split('|').length - 3
        } else {
          return 0
        }
      },
      introductionPictureCurrenShow() {
        if (this.data.introductionPicture && this.data.introductionPicture.split('|').length > 3) {
          return this.data.introductionPicture.split('|').slice(0, 3)
        } else {
          return this.data.introductionPicture.split('|')
        }
      },
    },
  }
</script>
<style lang="less" scoped>
  .box {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(180deg, #ffffff 0%, #f5f7f9 90%);
    padding-bottom: 160rpx;
  }

  .isViewVisible {
    position: fixed;
    top: 0;
    left: 0;
    width: 750rpx;
    z-index: 999;
  }

  .head {
    position: fixed;
    top: 0;
    left: 0;
    width: 750rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    background-color: #fff;
    z-index: 1000;

    .fanhui {
      position: relative;
      height: 54rpx;
      line-height: 54rpx;

      image {
        width: 30rpx;
        height: 30rpx;
      }

      span {
        position: absolute;
        font-weight: 500;
        font-size: 32rpx;
        color: #000000;
        padding-left: 10rpx;
        margin-top: -5rpx;
        width: 150rpx;
      }
    }

    .head_right {
      display: flex;
      align-items: center;

      .smkk {
        width: 146rpx;
        height: 50rpx;
        border-radius: 24rpx;
        border: 4rpx solid #64b6a8;
        font-size: 26rpx;
        font-weight: 500;
        color: #64b6a8;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 30rpx;
      }

      .fanx {
        width: 54rpx;
        height: 54rpx;
        margin-right: 30rpx;
      }

      .genduo {
        width: 36rpx;
        height: 36rpx;
        display: flex;
        align-items: center;
        position: relative;

        .image {
          width: 100%;
          height: 8rpx;
        }

        .administrations {
          width: 140rpx;
          height: 150rpx;
          background-color: #fff;
          position: absolute;
          right: -10rpx;
          bottom: -180rpx;
          box-shadow: 0px 0px 20px 1px #d0d0d0;
          z-index: 100;
          padding: 0 32rpx;
          display: flex;
          flex-direction: column;

          .items {
            height: 72rpx;
            color: #5a5e66;
            font-size: 28rpx;
            font-weight: 500;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
          }

          &::before {
            content: '';
            display: inline-block;
            border-left: 24rpx solid transparent;
            border-right: 20rpx solid transparent;
            border-bottom: 24rpx solid #fff;
            position: absolute;
            right: 12rpx;
            top: -22rpx;
          }
        }
      }
    }
  }

  .feahd_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 750rpx;
    height: calc(120rpx + env(safe-area-inset-bottom) / 2);
    //padding: 0 30rpx calc(8rpx + env(safe-area-inset-bottom) / 2);
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
    border-top-right-radius: 25rpx;
    border-top-left-radius: 25rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    z-index: 1000;

    // .sendResumes {
    // 	width: 242rpx;
    // 	height: 70rpx;
    // }

    .sendResume,
    .collect {
      margin: 0rpx 20rpx;
      width: 330rpx;
      height: 90rpx;
      line-height: 90rpx;
      text-align: center;
      font-size: 32rpx;
      color: #ffffff;
      background: #0fa291;
      border-radius: 45rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;

      .img {
        margin-right: 20rpx;
        width: 30rpx;
        height: 32rpx;
        margin-right: 10rpx;
      }
    }

    .feahd_right {
      flex: 1;
      //margin-left: 50rpx;
      display: flex;
      align-items: center;
      justify-content: space-around;

      // .collect {
      // 	// display: flex;
      // 	// flex-direction: column;
      // 	// align-items: center;
      // 	// justify-content: space-between;
      // 	font-size: 32rpx;
      // 	color: #FFFFFF;
      // 	background: #0FA291;
      // 	border-radius: 45rpx;

      // 	.img {
      // 		width: 30rpx;
      // 		height: 32rpx;
      // 	}
      // }

      .weigui {
        position: absolute;
        padding: 0px 10px 0px 10px;
        width: 690rpx;
        left: 30rpx;
        bottom: 0rpx;
        animation: all 6s;
        animation-name: mycolor;

        .img {
          width: 100%;
          height: 134rpx;
        }

        p {
          position: absolute;
          left: 100rpx;
          bottom: 64rpx;
          font-size: 34rpx;
          color: #fff;
        }
      }

      @keyframes mycolor {
        0% {
          left: 30rpx;
          bottom: 140rpx;
          transform: scale(0 0.1);
        }

        100% {
          left: 30rpx;
          bottom: 140rpx;
          opacity: 0;
        }
      }
    }
  }

  .customCallout {
    box-sizing: border-box;
    width: 300rpx;
    height: 200rpx;
    background-color: #000;
    background: #ffffff;
    box-shadow: 0px 4rpx 16px 0px rgba(189, 191, 193, 0.4);
    border-radius: 4rpx;
    display: inline-flex;
    padding: 6rpx 24rpx;
    justify-content: center;
    align-items: center;
    color: #2a7be2;
  }

  .center {
    width: 100%;

    .center_top {
      .number {
        padding: 0 30rpx;
        font-size: 28rpx;
        font-weight: 400;
        margin-bottom: 20rpx;
        //position: relative;
        display: flex;
        font-size: 24rpx;
        color: #666666;
        height: 56rpx;
        //background: rgba(255, 77, 46, 0.1);
        background: #f6e5e4;
        line-height: 56rpx;
        justify-content: space-between;

        image {
          width: 24rpx;
          height: 24rpx;
        }

        .remark {
          color: #000;

          //margin-right: 136rpx;
          .status {
            position: relative;

            .select-text {
              padding: 0 10rpx;
              display: flex;
              justify-content: space-between;
              align-items: center;
              width: 220rpx;
              height: 50rpx;
              line-height: 50rpx;
              color: #666;
              font-size: 24rpx;
              // background: #F5F7F9;
              border-radius: 6rpx;
              border: 1rpx solid #ebebed;

              .arrow-right {
                margin-left: auto;
                width: 28rpx;
                height: 28rpx;
                transform: rotate(90deg);
                transition: all 0.3s ease-in-out;
              }

              .open {
                transform: rotate(-90deg);
              }
            }

            .select-box {
              position: absolute;
              left: 0;
              top: 55rpx;
              z-index: 3;
              width: 240rpx;
              line-height: 70rpx;
              text-align: center;
              font-size: 28rpx;
              color: #333;
              background: #f5f7f9;
              border-radius: 6rpx;
              border: 1rpx solid #ebebed;

              .checked {
                position: relative;
                background: #e7f5f4;

                .checked-icon {
                  position: absolute;
                  top: 50%;
                  right: 10rpx;
                  transform: translateY(-50%);
                  width: 28rpx;
                  height: 28rpx;
                }
              }
            }
          }
        }

        .icon {
          display: flex;
          justify-content: end;
          align-items: center;
          padding-top: 5rpx;

          view {
            margin-left: 40rpx;
          }

          .genduoNew {
            position: relative;

            .administrations {
              width: 140rpx;
              height: 150rpx;
              background-color: #fff;
              position: absolute;
              right: -10rpx;
              bottom: -180rpx;
              box-shadow: 0px 0px 20px 1px #d0d0d0;
              z-index: 100;
              padding: 0 32rpx;
              display: flex;
              flex-direction: column;

              .items {
                height: 72rpx;
                color: #5a5e66;
                font-size: 28rpx;
                font-weight: 500;
                border-bottom: 1px solid #e0e0e0;
                display: flex;
                align-items: center;
                justify-content: center;
              }

              &::before {
                content: '';
                display: inline-block;
                border-left: 24rpx solid transparent;
                border-right: 20rpx solid transparent;
                border-bottom: 24rpx solid #fff;
                position: absolute;
                right: 12rpx;
                top: -22rpx;
              }
            }
          }
        }

        .informationNoBubble {
          width: 500rpx;
          padding: 10rpx;
          border-radius: 10rpx;
          background-color: #ffffff;
          position: absolute;
          bottom: -180rpx;
          border: 1px solid #888;
          left: 150rpx;
          z-index: 1;

          .binds_1 {
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            margin-bottom: 10rpx;
          }

          .binds_2 {
            font-size: 24rpx;
            font-weight: 400;
            color: #64b6a8;
          }

          &::before {
            width: 0px;
            height: 0px;
            position: absolute;
            padding: 0;
            border-left: 24rpx solid transparent;
            border-right: 20rpx solid transparent;
            border-bottom: 24rpx solid #fff;
            content: '';
            z-index: 12;
            position: absolute;
            left: 12rpx;
            top: -20rpx;
          }

          &::after {
            width: 0px;
            height: 0px;
            position: absolute;
            padding: 0;
            border-left: 24rpx solid transparent;
            border-right: 20rpx solid transparent;
            border-bottom: 24rpx solid #888;
            content: '';
            z-index: 10;
            position: absolute;
            left: 12rpx;
            top: -24rpx;
          }
        }
      }

      .mark {
        margin: 20rpx;
        padding: 20rpx;
        color: #666;
        font-size: 28rpx;
        background: #f5f7f9;
        border-radius: 20rpx;
        border: 1rpx solid #f1f5f5;

        .history {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 20rpx;

          .history-right {
            display: flex;
            align-items: center;
          }
        }

        .voice {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 20rpx;

          .voice-left {
            display: flex;
            align-items: center;

            .voice-icon {
              margin-left: 5rpx;
              width: 38rpx;
              height: 38rpx;
            }
          }

          .voice-right {
            width: 140rpx;
            height: 60rpx;
            line-height: 60rpx;
            text-align: center;
            color: #fff;
            font-size: 28rpx;
            background: #0fa291;
            border-radius: 32rpx;
          }
        }

        .text-record {
          margin-bottom: 20rpx;
        }

        .media {
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
      }

      .title {
        width: 710rpx;
        background: #ffffff;
        border-radius: 10rpx;
        margin: 0rpx auto;
        font-weight: 700;
        font-size: 32rpx;
        color: #000000;
        line-height: 48rpx;
        text-align: left;
        padding: 15rpx 20rpx;
      }

      .majorFunction {
        width: 710rpx;
        background: #ffffff;
        margin: 20rpx auto;
        overflow: hidden;
        border-radius: 10rpx;

        .info {
          display: flex;
          justify-content: space-around;

          view {
            width: 355rpx;
            padding: 0rpx 20rpx;
            margin-top: 20rpx;
          }

          .left {
            text-align: left;
            font-size: 28rpx;
            color: #333333;
          }

          .right {
            text-align: right;
            font-weight: 600;
            font-size: 32rpx;
            color: #000000;
          }
        }

        .benefitLabelNew {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          margin: 20rpx 0rpx;
          padding: 0rpx 20rpx;

          .label {
            background: #f5f7f9;
            border-radius: 4rpx;
            padding: 8rpx 14rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            font-size: 24rpx;
            color: #666666;
            margin-right: 10rpx;
            margin-bottom: 10rpx;
          }
        }
      }

      .secondaryFunction {
        width: 710rpx;
        background: #ffffff;
        margin: 20rpx auto;
        display: flex;
        padding: 30rpx;
        border-radius: 10rpx;
        justify-content: space-between;

        view {
          text-align: center;
        }

        .gap {
          width: 1rpx;
          height: 76rpx;
          background: #ebebed;
        }

        .info {
          font-size: 28rpx;

          .infoTop {
            color: #000000;
            font-weight: 700;
            margin-bottom: 13rpx;
          }

          .infoBottom {
            color: #333333;
          }
        }
      }

      .position {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20rpx;

        .position_left {
          display: flex;
          align-items: center;

          .dizhi {
            font-size: 28rpx;
            font-weight: 400;
            color: #333;
            margin-right: 24rpx;
          }

          .zhiye {
            font-size: 28rpx;
            font-weight: 400;
            color: #333;
          }
        }

        .position_price {
          font-size: 32rpx;
          font-weight: 600;
          color: #e32d2d;
        }
      }

      .benefitLabel {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        .label {
          margin-bottom: 10rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 10rpx;
          font-size: 26rpx;
          font-weight: 400;
          color: #64b6a8;
          border-radius: 4rpx;
          border: 1px solid #64b6a8;
          margin-right: 20rpx;
        }
      }

      .need {
        width: 710rpx;
        background: #ffffff;
        margin: 20rpx auto;
        border-radius: 10rpx;
        padding: 0rpx 20rpx;
        overflow: hidden;

        .need_label {
          font-size: 28rpx;
          color: #333333;
          margin: 20rpx 0rpx;

          .view {
            color: #999;
          }
        }
      }
    }

    .JobDescription {
      width: 750rpx;
      margin: 32rpx 0rpx;

      view {
        width: 710rpx;
        margin: 0rpx auto;
      }

      .title {
        margin-bottom: 16rpx;
        font-weight: 700;
        font-size: 32rpx;
        color: #000000;
        display: flex;
        align-items: center;
      }

      .detailed {
        background: #ffffff;
        border-radius: 10rpx;
        font-size: 28rpx;
        color: #000000;
        font-weight: 400;
        word-break: break-all;
        line-break: anywhere;
        line-height: 42rpx;
        padding: 20rpx;
        overflow: hidden;
      }
    }

    .cutApart {
      width: 750rpx;
      height: 20rpx;
      background-color: #f2f2f2;
    }

    .center_bottom {
      width: 750rpx;

      .Map {
        margin-top: 32rpx;
        margin-bottom: 32rpx;

        view {
          width: 710rpx;
          margin: 0rpx auto;
        }

        .title {
          margin-bottom: 16rpx;
          font-weight: 700;
          font-size: 32rpx;
          color: #000000;
          display: flex;
          align-items: center;
        }

        .maps {
          height: 200px;
          position: relative;

          .AppMap {
            width: 100%;
            height: 100%;
            border-radius: 16rpx;
            overflow: hidden;
          }

          .workAddress {
            position: absolute;
            top: 0rpx;
            left: 10rpx;
            width: 690rpx;
            padding: 18rpx 30rpx;
            background: linear-gradient(
              180deg,
              rgba(255, 255, 255, 0.2) 0%,
              rgba(255, 255, 255, 0.6) 100%
            );
            box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(24, 97, 93, 0.08);
            border-radius: 10rpx;
            border: 1rpx solid;
            border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1
              1;
            backdrop-filter: blur(5px);
            font-size: 28rpx;
            color: #000000;
            display: flex;
            justify-content: space-between;

            view {
              width: 447rpx;
            }

            .toOpenMap {
              width: 140rpx;
              background: #0fa291;
              border-radius: 32rpx;
              font-weight: 500;
              font-size: 28rpx;
              height: 60rpx;
              line-height: 60rpx;
              text-align: center;
              margin: auto;
              color: #ffffff;
              padding: 0rpx 20rpx;
            }
          }
        }
      }

      .corporation {
        width: 710rpx;
        margin: 0rpx auto;

        .briefIntroduction {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 16rpx;

          .title {
            font-size: 32rpx;
            font-weight: 550;
            color: #333333;
            display: flex;
            align-items: center;
          }

          .image {
            width: 38rpx;
            height: 38rpx;
          }
        }

        .corporation_center {
          margin-bottom: 16rpx;
          background-color: white;
          padding: 25rpx;
          border-radius: 10rpx;

          .title,
          .content {
            font-size: 28rpx;
            color: #000000;
            line-height: 42rpx;
          }

          .title {
            // font-size: 32rpx;
            // font-weight: 550;
            // color: #333333;
            // margin-bottom: 10rpx;
          }

          .content {
            // word-break: break-all;
            // line-break: anywhere;
            // font-size: 26rpx;
            // font-weight: 400;
            // color: #333333;
            margin-bottom: 24rpx;
          }

          .environment {
            // .image {
            // 	width: 100%;
            // }
            display: flex;
            justify-content: space-between;

            .image {
              width: 210rpx;
              height: 157rpx;
              border-radius: 10rpx;
              // margin-bottom: 8rpx;
            }

            .more {
              position: absolute;
              right: 0rpx;
              bottom: 10rpx;
              width: 44rpx;
              height: 44rpx;
              background: rgba(0, 0, 0, 0.5);
              border-radius: 6rpx 0rpx 11rpx 0rpx;
              font-size: 24rpx;
              color: #ffffff;
              line-height: 44rpx;
              text-align: center;
            }
          }
        }

        .personalCard {
          width: 710rpx;
          margin: 0rpx auto;
          height: 202rpx;
          background-color: #ffffff;
          //box-shadow: 0px 0px 6rpx 1rpx rgba(0, 0, 0, 0.16);
          border-radius: 20rpx;
          margin-top: 20rpx;
          margin-bottom: 28rpx;
          position: relative;

          .lookOver {
            width: 198rpx;
            height: 50rpx;
            background: #0fa291;
            border-radius: 0rpx 22rpx 0rpx 25rpx;
            position: absolute;
            top: 0;
            right: 0;
            font-size: 24rpx;
            font-weight: 400;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
          }

          .personalCard_center {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 100%;

            .left {
              margin-left: 30rpx;
              display: flex;
              align-items: center;
              height: 100%;

              .headSculpture {
                position: relative;
                width: 125rpx;
                height: 125rpx;

                .image {
                  width: 125rpx;
                  height: 125rpx;
                  border-radius: 120rpx;
                }

                .name {
                  position: absolute;
                  bottom: -26rpx;
                  left: 50%;
                  transform: translateX(-50%);
                  width: 154rpx;
                  text-align: center;
                  // font-size: 24rpx;
                  // color: #fff;
                  // text-align: center;
                  // line-height: 36rpx;
                  // background: url("https://pic.bangbangtongcheng.com/static/name.png");
                  // background-size: 100% 100%;
                  font-size: 22rpx;
                  font-weight: 600;
                  letter-spacing: 2rpx;
                  overflow: hidden;

                  .personal-label {
                    display: inline-block;
                    padding: 2rpx 6rpx;
                    //min-width: 154rpx;
                    background: url('https://pic.bangbangtongcheng.com/static/my/tag1.png') center
                      no-repeat;
                    background-size: cover;

                    text {
                      color: #333;
                      font-size: 22rpx;
                    }
                  }

                  .shop-label text {
                    display: inline-block;
                    padding: 2rpx 8rpx;
                    // min-width: 110rpx;
                    // max-width: 150rpx;
                    // height: 40rpx;
                    // line-height: 40rpx;
                    background: url('https://pic.bangbangtongcheng.com/static/my/tag2.png') center
                      no-repeat;
                    background-size: 100% 100%;
                    color: #4e260a;
                    font-size: 22rpx;
                    white-space: normal;
                    overflow: hidden;
                    letter-spacing: 1rpx;
                  }
                }
              }

              .information {
                margin-left: 24rpx;
                padding: 32rpx 0;

                .name {
                  width: 300rpx;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;
                  font-size: 36rpx;
                  font-weight: 400;
                  color: #000000;
                  margin-bottom: 16rpx;
                }

                .vip-label {
                  // padding: 3rpx 6rpx;
                  // background: #F6F0FF;
                  // border-radius: 6rpx 6rpx 6rpx 6rpx;
                  // opacity: 1;
                  // border: 2rpx solid #BD90D9;
                  // font-size: 24rpx;
                  // font-weight: 500;
                  // color: #BD90D9;
                  width: 120rpx;
                  //height: 40rpx;
                  //line-height: 40rpx;
                  background: #d1eff7;
                  border-radius: 4rpx;
                  font-size: 24rpx;
                  color: #1a657a;
                  padding: 8rpx 11rpx;
                }

                .userGradeNew {
                  display: flex;
                  justify-content: left;
                  align-items: center;
                  margin-bottom: 14rpx;
                  font-size: 24rpx;
                  color: #333;

                  .star-vip {
                    ::deep .u-rate__content__item {
                      width: 30rpx;
                    }
                  }

                  margin-top: 16rpx;
                }

                .grade {
                  display: flex;
                  align-items: center;
                  margin-top: 10rpx;

                  .image {
                    width: 40rpx;
                    height: 40rpx;
                    margin-right: 10rpx;
                  }
                }
              }
            }

            .right {
              margin-right: 40rpx;
              display: flex;
              align-items: center;

              .image {
                width: 54rpx;
                height: 54rpx;
                margin-right: 10rpx;
              }

              .GZ {
                font-size: 24rpx;
                font-weight: 400;
                color: #333333;
              }
            }
          }
        }

        .disclaimer {
          padding: 0rpx 20rpx;
          font-weight: 400;
          font-size: 24rpx;
          color: #666666;
          line-height: 36rpx;
        }
      }
    }
  }

  .dingwei {
    width: 50rpx;
    height: 50rpx;
    vertical-align: middle;
    margin-bottom: 20rpx;
  }

  .binds_frame {
    width: 600rpx;
    overflow: hidden;
    border-radius: 20rpx;
    text-align: center;
    font-size: 36rpx;
    background-color: white !important;

    .binds_frame_t {
      font-weight: 550;
      color: #000000;
      padding: 0 46rpx;
      padding-top: 36rpx;
    }

    .binds_frame_c {
      font-size: 36rpx;
      color: #000000;
      line-height: 54rpx;
      width: 500rpx;
      margin: 0 auto;
      font-weight: 500;
      color: #000000;
      margin-top: 30rpx;
      margin-bottom: 50rpx;
    }

    .binds_frame_b {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .confirmAddAccount {
        border: none;
        width: 550rpx;
        height: 90rpx;
        background: #0fa291;
        border-radius: 45rpx;
        text-align: center;
        margin: 0rpx auto;
        color: white;
        line-height: 90rpx;
        margin-top: 80rpx;
      }

      .cancel {
        flex: 1;
        height: 90rpx;
        border: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        color: #999999;
        font-size: 36rpx;
        color: #0fa291;
      }

      .determine {
        flex: 1;
        height: 90rpx;
        border: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        color: #0fa291;
      }
    }
  }

  .bindMarkCallBindsFrame {
    width: 600rpx;
    background-image: url('https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/jianzhi-xiangqing-popbg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 20rpx;
    text-align: center;
    font-size: 36rpx;
    position: relative;
    padding: 30rpx;
    padding-top: 92rpx;

    image {
      width: 32rpx;
      height: 32rpx;
    }

    .phoneItem {
      display: flex;

      align-items: center;
      width: 540rpx;
      height: 90rpx;
      background: #ffffff;
      box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(24, 97, 93, 0.08);
      border-radius: 10rpx;
      line-height: 90rpx;
      overflow: hidden;
      padding: 0rpx 36rpx;

      image {
        //margin-left: 36rpx;
        margin-right: 20rpx;
      }

      .phoneNumber {
        font-weight: 400;
        font-size: 32rpx;
        color: #000000;
        //margin-right: 99rpx;
      }

      .onphone {
        text-align: center;
        font-weight: 600;
        font-size: 32rpx;
        color: #0fa291;
      }
    }

    .phoneLogo {
      position: absolute;
      width: 170rpx;
      height: 184rpx;
      top: -120rpx;
      left: 50%;
      transform: translateX(-50%);
    }

    .closeIcon {
      position: absolute;
      width: 60rpx;
      height: 60rpx;
      left: 50%;
      transform: translateX(-50%);
      bottom: -100rpx;
    }

    .tip {
      margin-top: 30rpx;
      font-weight: 400;
      font-size: 28rpx;
      color: #ff4d2e;
    }

    .bottomTip {
      font-size: 28rpx;
      color: #666666;
    }

    .bottomBut {
      display: flex;
      justify-content: space-between;
      align-items: center;

      p {
        width: 50%;
        font-size: 28rpx;
      }

      .p1 {
        color: #0fa291;
      }

      .p2 {
        background: #0fa291;
        border-radius: 45rpx;
        font-weight: 500;
        font-size: 32rpx;
        color: #ffffff;
        padding: 29rpx 0rpx;
      }
    }
  }

  .dengLoadingVue {
    .maskVueHiddenShow {
      z-index: 999999;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgb(255, 255, 255);
      display: flex;
      align-items: center;
      justify-content: center;

      .maskVueHiddenShowWrapper {
        width: 80%;
        height: 300rpx;
        position: fixed;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
        animation: 0.5s;

        .loding {
          width: 100%;
          text-align: center;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
        }
      }
    }
  }

  .loader {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px;
  }

  .inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }

  .inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #64b6a8;
  }

  .inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #64b6a8;
  }

  .inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #64b6a8;
  }

  @keyframes rotate-one {
    0% {
      transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
      transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
  }

  @keyframes rotate-two {
    0% {
      transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
      transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
  }

  @keyframes rotate-three {
    0% {
      transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
      transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
  }

  @keyframes maskVueHiddenShowWrapper {
    0% {
      width: 80%;
    }

    100% {
      width: 0;
    }
  }

  /* 备注信息 样式开始 */
  .mark {
    margin: 20rpx;
    padding: 20rpx;
    color: #666;
    font-size: 28rpx;
    background: #f5f7f9;
    border-radius: 20rpx;
    border: 1rpx solid #f1f5f5;

    .history {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20rpx;

      .history-right {
        display: flex;
        align-items: center;
      }
    }

    .voice {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20rpx;

      .voice-left {
        display: flex;
        align-items: center;

        .voice-icon {
          margin-left: 5rpx;
          width: 38rpx;
          height: 38rpx;
        }
      }

      .voice-right {
        width: 140rpx;
        height: 60rpx;
        line-height: 60rpx;
        text-align: center;
        color: #fff;
        font-size: 28rpx;
        background: #0fa291;
        border-radius: 32rpx;
      }
    }

    .text-record {
      margin-bottom: 20rpx;
    }

    .media {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .video-btn {
        position: absolute;
        left: 20rpx;
        top: 20rpx;
        width: 120rpx;
        height: 120rpx;
        z-index: 2;
      }

      .uploadPhotos {
        height: 152rpx;
        width: 152rpx;
        background: #fff;

        .Photos {
          height: 152rpx;
          width: 152rpx;
          position: relative;

          .image {
            width: 100%;
            height: 100%;
          }

          ::v-deep .solids {
            width: 100%;
            height: 100%;
            margin: 0;

            &::after {
              border: none;
            }
          }

          ::v-deep .grid.grid-square {
            height: 100%;

            .bg-img {
              width: 100%;
              height: 100%;
              margin-bottom: 0;
              margin-right: 0;
              padding-bottom: 0;
            }
          }

          .colse {
            position: absolute;
            top: 0;
            right: 0;
            background-color: #f0f0f0;
            border-radius: 0 8rpx 0 8rpx;
          }

          .Photos_close {
            border-bottom-left-radius: 6rpx;
            padding: 6rpx 12rpx;
            height: auto;
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
          }

          .cCircle {
            // background: rgba(0,0,0,0.5);
            width: 120rpx;
            height: 120rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }

          .maskimg {
            background: rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }

          .hide1 {
            animation: change 3s;
          }

          @keyframes change {
            0% {
              opacity: 1;
            }

            100% {
              opacity: 0;
            }
          }
        }

        .zhaop {
          width: 150rpx;
          height: 150rpx;
          background-color: #ffffff;
          border-radius: 8rpx;
          border: 1px solid #e0e0e0;
          display: flex;
          align-items: center;
          justify-content: center;

          .image {
            width: 48rpx;
            height: 48rpx;
          }
        }
      }
    }
  }

  /deep/ .u-upload__wrap__preview {
    margin: 0;

    img {
      width: 153rpx;
      height: 153rpx;
    }
  }

  /deep/ .u-upload__button {
    margin-right: 20rpx !important;
    width: 153rpx !important;
    background: #fff;
  }

  /deep/ .u-read-more .u-read-more__content span {
    color: #000;
    font-size: 28rpx;
  }

  /deep/ .uni-textarea-textarea {
    font-size: 28rpx;
    color: #000;
  }

  /deep/ .u-textarea__count {
    bottom: 10rpx;
    padding: 5rpx 13rpx;
    background-color: #ebebed !important;
  }

  .warp {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

    .video-preview {
      width: 100%;
    }
  }

  /* 备注信息 样式结束 */
</style>
